/* CSS Document */
*{
	margin:0;
	padding:0;
	}
body{
	font-size:12px;
	line-height:1.6;
	background:#fff;
	text-align:left;
	}
a:link{
	color:#666;
	text-decoration:none;
	}
a:visited{
	color:#666;
	text-decoration:none;
	}
a:hover{
	color: #FE6700;
	text-decoration:underline;
	}
a:active{
	color:#666;
	text-decoration:none;
	}
img{
	border:0px;
}
h5{
	font-size:12px;
}
input{	
    font-family:sans-serif;
}
.alt{
	background:#E2F5F9;
}
.right{
	float:right;
	clear:right;
}
.hidden{
	display:none;
}
#container{
	width:980px;
	margin:0 auto;
	padding:0px 10px;
	height:auto;
	background:#fff;
	clear:both;
	overflow:hidden;
}

#head{
	padding-top:10px;
	width:100%;
	height:105px;
	background:url(../img/head.jpg) no-repeat;
	margin-bottom:-8px;
}
#toplink{
	height:25px;
	padding-right:25px;
	line-height:25px;
	text-align:right;
}
#toplink a{
	margin-right:15px;
	color:#0C6CCE;
}
#search{
	height:35px;
	padding-top:10px;
	line-height:25px;
	text-align:right;
	padding-right:45px;
}
#search input#keyword{
	width:135px;
	line-height:20px;
	height:20px;
	border:1px solid #ccc;
}
#search input.ss{
	border:0;
	width:23px;
	height:22px;
	line-height:22px;
	margin-left:10px;
	background:url(../img/search.jpg) no-repeat;
}
#topmenu{
	height:70px;
}
#topmenu ul li a{
	color:#fff;
	padding-top:0px;
	padding-top:2px\9;	
}
#topmenu ul li a:hover{
	color:#ff6600;
	text-decoration:none;
}
#topmenu ul li a:link{
	text-decoration:none;
}
#topmenu ul li a:visited{
	text-decoration:none;
}
#navigation{
	margin-top:3px;
	width:675px;
	height:32px;
	line-height:32px;
	font-size:14px;
	float:right;
    }
    #navigation li {
	        list-style-type:none;
            float:left;
            position:relative;
			text-align:center;
			width:80px;
			height:32px;
			display:block;
        }
		#navigation li a{
            display:block;
            width:80px; 
            height:32px; 
            line-height:32px;
            
        }
       	#navigation li ul {
            display:none;
            position:absolute; 
            top:32px;
			border-top:0;
            left:0;
            text-align:left;
            margin-left:10px!important;
            margin-left:7px;
            
        }
        #navigation li ul li{
			  
			font-size:12px;
            height:30px; 		
			background:url(../img/topmenu1.jpg) repeat;
			border-left:2px solid #bdbdbd;
			border-right:2px solid #bdbdbd;
			text-align:left;
			padding-left:5px;
			padding-right:1px;
			padding-top:0px;
		}
		#navigation li ul li a{
			font-size:14px;
			color:#0066cc;
            text-decoration:none;
            height:30px!important;
            height:30px\9;   
            height:28px; 
			font-weight:normal;
            line-height:32px;
			overflow:hidden; 
        }
        #navigation li ul li ul {
            display:none;
            position:absolute; 
            top:0px;
            left:144px; 
            margin-top:0;
			border-top:0;
            margin-left:1px;
        }
		#navigation li ul li ul li{
			background:url(../img/topmenu2.jpg) repeat;
			border-left:2px solid #c0c1c5;
			border-right:2px solid #c0c1c5;
		}
        #navigation li a:hover,#navigation li ul li a:hover {
			color:#FF6600;
        }
#wrap{	
	clear:both;
	width:100%;
	height:100%;
	margin-top:10px!important;
    margin-top:10px\9; 
	*margin-top:-33px;
	margin-bottom:5px;
	 
}
#wrap #topside{	
    border:1px solid #cccccc;
    clear:both;
    width:99.5%;
    float:left;
}
/* -----------------------this is the main part------------------------------*/
#top{
    width:980px;
   	height:370px;
   	padding:0;
   	margin:0;
   	border-collapse:collapse;
   	overflow:hidden;
    
}
#top #flash{
	width:978px;
	height:175px;
	margin-top:0px;
	margin-left:1px;
}
#main{
	width:680px;
	padding:0px;
	float:left;
	clear:left;
	border-collapse:collapse;
	overflow:hidden; 
}
#product{  
	width:680px;
	height:196px;
	margin-top:2px; 
	 
}
.s1{  
	background:url(../img/menu1.gif)  no-repeat;
}
.s2{  
	background:url(../img/menu2.gif) 0px 1px no-repeat;
}
.s3{  
	background:url(../img/menu2.gif) 0px 1px no-repeat;
} 
h5.product{
	width:680px;
	height:33px;
	margin:0;
}
#product #tab{
	float:left;
	width:680px;
	height:26px;
	line-height:26px;
	line-height:26px\9;
	*line-height:30px;
     
}
#product #tab ul li{
	list-style-type:none;
	width:206px;
	height:30px;
	text-align:center;
	font-weight:bold;
	display:block;
	float:left;
	cursor:pointer;

}
 
#product #detail{
	clear:both;
	height:145px;
	padding:10px 10px!important;
	padding:10px 10px\9;
	padding:8px 10px;
	margin-top:0px!important;
	margin-top:0px\9;
	margin-top:-4px;
	 
}
#product #detail .introduction{
	color:#666;
}
#product #detail .KeyWord{
	padding-top:10px;
	float:right;
	text-indent:2em;
	width:410px;
	height:115px;
	overflow:hidden;
	line-height:24px;
}
#product #detail .more{
	width:60px;
	height:23px;
	margin-right:15px;
	float:right;
	font-size:14px;
}
#product #detail .more a{
	width:60px;
	height:23px;
	display:block;
	color:#33BEFD;
}
#product #detail .introduction h5,#product #detail .introduction p{
	margin-bottom:6px;
}
#product #detail .introduction img{
	width:220px;
	height:135px;
	float:left;
	padding:2px; 
}
#product #detail .series{
	display:none;
	height:35px;
	background:url(../img/series.jpg) left top no-repeat;
	padding-top:10px;
	overflow:hidden;
}
#product #detail .series a{
	color:#0067CC;
	margin-right:15px;
	line-height:35px;
}

#product #detail .seriesname{
	float:left;
	width:160px;
}
#product #detail .seriesname a{
	display:block;
	background:url(../img/tab.jpg) no-repeat;
	width:140px;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}
#product #detail .seriesname a:hover{
	text-decoration:none;
	color:#ff6600;
}
#product #detail .serieslist{
	float:left;
	width:460px;
}
h5.solution{
	width:685px;
	height:35px;
	margin:5px 0 10px 0;
	background:url(../img/title1.gif) no-repeat;
	 
}
h5.solution a{
	color:#000000;
	font-size:14px;
	display:block;
	width:169px;
	height:29px;
	padding-top:4px;
	line-height:25px;
	padding-left:45px; 
}
h5.solution a:visited{
	color:#000000;
	text-decoration:none;
}
h5.solution a:hover{
	color:#000000;
	text-decoration:none;
}
h5.introduce{
	width:220px;
	height:29px;
	margin:10px 0 10px 0;
	background:url(../img/introduce.gif) no-repeat;
	text-align:center;
	margin-left:20px;
	padding-bottom:7px!important;
	padding-bottom:7px\9;
	padding-bottom:5px;
	margin-top:20px;
}
h5.introduce a{
	color:#000000;
	font-size:14px;
	display:block;
	width:169px;
	height:29px;
	padding-top:4px;
	line-height:25px;
	letter-spacing:12px;
	padding-left:30px;
	
}
h5.introduce a:link{
	color:#0066cc;
	text-decoration:none;
}
h5.introduce a:hover{
	color:#FE6700;
	text-decoration:none;
}
h5.introduce a:visited{
	color:#0066cc;
	text-decoration:none;
}
h5.introduce a:hover{
	color:#FE6700;
	text-decoration:none;
}
#solution{
	clear:both;
	width:680px;
	height:220px;
	color:#666;
	background:url(../img/solution-bk.gif) no-repeat;
	margin-bottom:1px;
	 
}
#solution .box{
	float:left;
	width:320px!important;
	width:310px;
	height:100px;
	overflow:hidden;
	margin-bottom:10px!important;
	margin-left:5px!important;
	margin-bottom:5px;
	margin-left:10px;	
	padding-top:10px;
	padding-left:10px!important;
	padding-left:15px;
}
#solution .box .boxleft{
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	border-collapse:collapse;
	margin-right:15px;
	padding:0;
}
#solution .box .boxleft img{
	width:116px;
	height:78px;
}
#solution .box .boxright{
	width:200px;
	overflow:hidden;
	padding-right:10px;
	float:left;
	border-collapse:collapse;
}
#solution .box .boxright .ct{	
	line-height:20px;
	width:200px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
}
#solution .box .boxright .boxcontent{
	width:200px;
	height:55px;
	clear:both;
	text-indent:2em;
	overflow:hidden;
}
/* -----------------------this is the right part------------------------------*/

#right{
	margin-top:-190px;
	float:right;
	clear:right;
	width:281px;
	border-collapse:collapse;	 
}
#right h5{
	height:29px;
	width:281px;
	background:url(../img/rightbanner.gif)  no-repeat;
	margin-left:0px!important;
	margin-left:0px\9;
	*margin-left:20px;
	cursor:pointer;
	 
}
#right h5 a{
	font-size:14px;
	color:#0066cc;
	width:275px;
	height:29px;
	line-height:29px;
	padding-left:20px; 
	color:#FFFFFF;
	text-align:center;
	display:block;
	text-align:left;
}
#right h5 a:hover{
	color:#FE6700;
	text-decoration:none;
}
#right ul {
	margin-top:10px;
	margin-bottom:10px;
	height:30%;
	font-family:'宋体';
	font-size:12px;
}
#right ul li{
	width:270px;
	height:20px;
	list-style-type:none;
	padding-left:2px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background:url(../img/dot.jpg) left 7px no-repeat;
	width:266px!important;
	width:270px\9;
	width:270px;
}
#right ul li a{
	 padding-top:6px;
}
#notice{
	color:#FF6600;
}
#notice #news{
	padding-left:0px!important;
	padding-left:0px\9;
	padding-left:22px;
	overflow:hidden;
	text-align:left;
	width:90%;
	margin-bottom:10px;
	width:266px!important;
	width:270px\9;
	width:270px;
   /*border-bottom:#8F1D22 2px solid;*/
}
#teaching{
	margin-top:10px;
}
#teaching ul{
	padding-left:0px!important;
	padding-left:0px\9;
	padding-left:20px;
}
/* this is the listing  part*/

#left {
	width:280px;
	float:left;
	clear:left;
    margin-right:0px;
}
#left #leftmain{
	width:265px;
	margin:auto;
	padding-bottom:10px;
	 
}
#left #leftmain ul{
	overflow:hidden;
	width:250px;
	border-top:1px solid #cccccc;
	margin-right:10px; 
	margin-left:10px; 
	list-style-type:none;
	color:#000000;
	
     
}
#left #leftmain ul li{
	border-bottom:1px solid #cccccc; 
	list-style-type:none;
	line-height:30px;
	width:250px;
	padding-left:10px;
	padding-right:10px;
	background:url(../img/open.gif) left 8px  no-repeat; 
	display:block;
	font-family:Arial;
    font-size:14px;	
	padding-top:0px!important;
	padding-top:2px;
	overflow:hidden;
	 
}
#left #leftmain ul li#close{
	border-bottom:1px solid #cccccc; 
	list-style-type:none;
	width:250px;
	padding-left:10px;
	padding-right:10px;
	background:url(../img/close.gif) left 8px  no-repeat; 
	display:block;
	font-family:Arial;
    font-size:14px;	
	color:#000000;
	padding-top:1px;
}
#left #leftmain ul li#close ul{
     display:none;
}
#left #leftmain ul li ul{
	width:250px;
	margin-left:-10px;
	padding-top:8px!important;
	padding-top:0px\9;
	padding-top:8px;
	 
	padding-bottom:10px;
	padding-left:10px;
	border-bottom:0px solid #cccccc;
	background:url(../img/select.gif) center bottom  no-repeat;
	
}
#left #leftmain ul li a{
	*padding-top:1px!important; 
	padding-left:20px;
	display:block;
}
#left #leftmain ul li.selected a{
	 color:#0066cc;
}
#left #leftmain ul li a:link,#left #leftmain ul li a:visited{
	text-decoration:none;
}
#left #leftmain ul li a:hover{
	text-decoration:none;
}
#left #leftmain ul li.sub a{
	width:168px;
	font-weight:normal;
	color:#ff6600;
	padding-bottom:0px;
}
#left #leftmain ul li.sub{
	width:168px;
	font-weight:normal;
	padding-bottom:0px;
	padding-left:40px;
	 
}
#left #leftmain  ul li ul li.tc{
    background:url() left 10px  no-repeat; 
	line-height:25px!important; 
	*line-height:0px!important;
	*line-height:9px;
	padding-top:0px!important;
	*padding-top:15px!important;
	padding-top:8px;
	*padding-bottom:5px!important;
	padding-bottom:0px;
	margin:0px!important;
	margin:5px; 
	padding-left:0px;
	font-weight:normal;
	border-bottom:0px solid #cccccc;
    font-size:12px; 	
	border-collapse:collapse;
    text-decoration:none;
    width:250px; 
   	white-space:nowrap;
}
#left #leftmain  ul li ul li.tc a:link,#left #leftmain ul li ul li.tc a:visited{
      padding-left:0px;
      text-decoration:none;
      color:#6C6C6C;
}
#left #leftmain ul li ul li.tc a:hover{
      text-decoration:underline;
      color:#D94600;
}
#list{
	width:680px;
	float:right;
	clear:right;
	height:auto;
}
#list #catimg{
   
}
#position{
    width:685px;
	line-height:30px;
	font-size:14px;
	background:url(../img/title_bg.gif) left no-repeat;
	padding-top:18px; 
	float:left;
	margin-right:9px;
    color:#0066cc;
}
#position #img{
    float:left;
	padding-top:1px;
	padding-right:20px;
}
#position #imgtitle{
    width:600px;
    overflow:hidden;
    white-space:nowrap;
    color:#0066cc;
}
#position span{
  color:#0066cc;
}
#position span a:link{
    padding-bottom:25px;
    color:#0066cc;
    text-decoration:none;
}
#position span a:visited{
    padding-bottom:25px;
    color:#0066cc;
    text-decoration:none;
}
#position span a:hover{
    padding-bottom:25px;
    color:#0066cc;
    text-decoration:underline;
}
#mainSide{
   border:1px solid #cccccc;
   margin-right:10px;
   padding-right:60px!important;
   padding-right:66px;
   margin-bottom:15px;
   float:left;
 }
#mainSide1{
   border:1px solid #cccccc;
   margin-right:10px;
   margin-left:280px;
   margin-top:48px!important;
   margin-top:0px;
   margin-bottom:15px;
  }
   
 #mainSide1 #title #title1{
   padding-left:0px;
   margin-left:115px!important;
   overflow:hidden;
   width:400px;
   text-align:center;
   }
   #mainSide1 #title #title2{
   padding-left:120px;
   width:400px;
   padding-bottom:4px;
   } 
  #mainSide #titlePicture {
    margin-top:80px;
  }
 #mainSide #titlePicture img{
   margin-top:20px!important;
   margin-top:10px;
   margin-left:65px!important;
 }
 #mainSide #contentList{
  margin-left:81px;
  margin-top:38px;
  margin-bottom:100px;
 } 
 #mainSide #contentList ul li{
  line-height:30px; 
  margin-left:5px;
  width:470px!important;
  width:460px;
  overflow:hidden;
  white-space:nowrap;
  padding-top:2px\9;
 }
 #mainSide #contentList ul li a{
  line-height:30px; 
  margin-left:5px;
 }
 #mainSide #contentList #rtImg img{
    padding-top:20px;
	margin-left:-15px!important;
    margin-left:-14px;
    margin-bottom:-18px;
 }
#mainSide #contentList #date{
  margin-top:-26px!important;
  margin-top:-20px\9;
  margin-left:476px!important;
  margin-left:469px;
  color:#A9A9A9;
  font-weight:bold;
}
#contentList #date span{
    padding-left:21px;
}
#contentList ul li{
  list-style:none;
 
}
#articlelist{
	padding-left:60px;
}
#articlelist ul li{
	line-height:30px;
	height:30px;
	list-style-type:none;
	background: url(../img/dot3.jpg) left center no-repeat;
	padding-left:20px;
	color:#4a5583;
}
#articlelist ul li a{
	color:#4a5583;
}
#articlelist ul li a:hover{
	text-decoration:none;
	color:#ff6600;
}
#articlelist ul li a:link{
	text-decoration:none;
	color:#ff6600;
}
#articlelist ul li a:visited{
	text-decoration:none;
	color:#ff6600;
}

#articlelist ul li span.title{
	border-bottom:1px dotted #666;
}
#articlelist ul li span.time{
	border-bottom:1px dotted #666;
}
/*end of the listing*/
#title{
    margin-top:20px;
	color:#3366cc;
	font-size:16px;
	font-weight:bold;
	margin-bottom:0px;
	margin-right:10px;
}
#title #img1 {
   text-align:center;
}
#content{
	padding:0px;
	color:#4a5583;
	line-height:2.2;
	text-indent:25px;
	padding-left:18px;
	padding-left:10px\9;
	padding-right:20px; 
	overflow-x:hidden;
    overflow-y:hidden;
    width:645px;
    width:*647px!important;
    width:653px\9;
    _width:650px;
    height:auto;
    overflow:hidden;
    
}
#content1{
	padding-top:50px;
	color:#4a5583;
	line-height:2.2!important;
	line-height:2.2\9;
	line-height:1.6;
	text-indent:170px!important;
	text-indent:170px\9;
	*text-indent:120px;
	padding-left:18px;
	padding-left:10px\9;
	padding-right:20px; 
	overflow-x:hidden;
    overflow-y:hidden;
    width:645px;
    width:*647px!important;
    width:653px\9;
    _width:650px;
    height:555px;
    background:url(../img/contanctsus.gif) 0px 170px no-repeat;
}
#content p{
	text-indent:28px;
}
#content {
color:#000000;
margin-top:20px;
margin-bottom:20px;
padding-bottom:5px;
}
#reindex{
float:right;
margin-right:-0px!important;
margin-right:-0px;
margin-top:-90px;
position:relative;
}
 
#content #anchor{
	margin-top:20px;
	text-align:center;
}
#content #anchor a.leftlink{
	margin-right:120px;
}
#page{
	padding-left:80px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	margin:15px 0;
	font-size:14px;
}
#footer{
	clear:both;
	height:80px;	
	padding-top:20px;
	text-align:center;
	background:url(../img/footer.gif) center no-repeat;
	color:#666;
	font-size:12px;
	font-weight:normal;
	margin-top:10px\9;
}
/*#footer #link  {
	height:30px;
	line-height:30px;
	background:url(../img/foot.gif) 274px no-repeat; 
	font-weight:bold;
	color:#0062D4;
	margin-bottom:25px;
	float:left;
	margin-left:100px;
	padding:0px 6px; 
}*/
#footer #link{
  margin:0px;
  padding:0px;
}
#footer #link ul{
  list-style:none;
  margin:0px;
  padding-left:200px;
  padding-top:5px;
}
#footer #link ul li{
  float:left;
  text-align:center;
  width:84px;  
  background:url(../img/foot.gif) no-repeat;
  padding-left:7px;
  margin-left:20px;
  padding-right:8px;
}
#footer #link ul li.line{
background:url() no-repeat;
width:10px;
padding:0;
margin-right:5px;
font-weight:bold;
line-height:30px;
color:#0062D4;
}
#footer #link a{
	color:#0062D4;
	height:30px;
	line-height:30px;
	text-decoration:none; 
	font-weight:bold; 
	padding:0px 2px;  
}
#footer #copyright{
   margin-top:50px!important;
   margin-top:50px
}